<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<title>TechPro – IT Solutions & Business Services Multipurpose HTML5 Template</title>
	<link rel="icon" href="assets/img/favicon.png" type="image/gif" sizes="16x16">
	<link rel="icon" href="assets/img/favicon.png" type="image/gif" sizes="18x18">
	<link rel="icon" href="assets/img/favicon.png" type="image/gif" sizes="20x20">

	<link rel="stylesheet" href="static/css/bootstrap.min.css">
	<link rel="stylesheet" href="static/css/bootstrap-icons.css">
	<link rel="stylesheet" href="static/css/font-awesome-pro.css">
	<link rel="stylesheet" href="static/css/animate.css">
	<link rel="stylesheet" href="static/css/glightbox.min.css">
	<link rel="stylesheet" href="static/css/scrollCue.css">
	<link rel="stylesheet" href="static/css/swiper-bundle.css">
	<link rel="stylesheet" href="static/css/spacing.css">
	<link rel="stylesheet" href="static/css/main.css">
	<link rel="stylesheet" href="static/css/responsive.css">

</head>
<body>
	<!-- Preloader -->
	<div class="preloader">
     	<div class="loading-container">
        	<div class="loading"></div>
        	<div id="loading-icon">
        		<img src="static/picture/favicon.png" alt="TechPro">
        	</div>
     	</div>
  	</div>

	<!-- Header -->
	<header class="header sticky-header">
		<div class="container">
			<div class="row">
				<div class="col-lg-2 col-md-4 col-5 align-self-center">
					<div class="logo">
						<a href="">
							<img class="sticky-logo" src="static/picture/logo.png" alt="Logo">
							<img src="static/picture/white-logo.png" alt="white-logo">
						</a>
					</div>
				</div>
				<div class="col-lg-10 col-md-8 col-7">
					<div class="h-right-button">
						<a class="button-1" href="#">Get Consultant</a>
					</div>

					<!-- Menu -->
	                <div class="canvas_open_full">
	                    <div class="canvas_open">
	                        <a href="javascript:void(0)">
	                            <i class="fa-sharp fa-solid fa-bars-staggered"></i>
	                        </a>
	                    </div>
	                </div>
	                <div class="menu">
	                    <nav>
	                        <ul>
								<li class="menu-item-has-children"><a href="#">Home</a>
									<ul class="sub-menu">
										<li><a href="">Home 01</a></li>
										<li><a href="index2.html">Home 02</a></li>
										<li><a href="index3.html">Home 03</a></li>
										<li><a href="index4.html">Home 04</a></li>
										<li><a href="index5.html">Home 05</a></li>
										<li><a href="index1-dark.html">Home 01 Dark</a></li>
										<li><a href="index2-dark.html">Home 02 Dark</a></li>
										<li><a href="index3-dark.html">Home 03 Dark</a></li>
										<li><a href="index4-dark.html">Home 04 Dark</a></li>
										<li><a href="index5-dark.html">Home 05 Dark</a></li>
									</ul>
								</li>
								<li><a href="about.html">About Us</a></li>
								<li class="menu-item-has-children"><a href="#">Services</a>
									<ul class="sub-menu">
										<li><a href="services.html">Services</a></li>
										<li><a href="services-details.html">Services Details</a></li>
									</ul>
								</li>
								<li class="menu-item-has-children"><a href="#">Portfolio</a>
									<ul class="sub-menu">
										<li><a href="portfolio.html">Portfolio</a></li>
										<li><a href="portfolio-2-columns.html">Portfolio 2 Columns</a></li>
										<li><a href="portfolio-details.html">Portfolio Details</a></li>
									</ul>
								</li>
								<li class="menu-item-has-children"><a href="#">Page</a>
									<ul class="sub-menu">
										<li><a href="team.html">Team</a></li>
										<li><a href="pricing-plan.html">Pricing & Plans</a></li>
										<li><a href="pricing-plan2.html">Pricing & Plans 2</a></li>
										<li><a href="testimonial.html">Testimonials</a></li>
										<li><a href="faq.html">Faq</a></li>
										<li><a href="404.html">404 Error</a></li>
										<li><a href="terms-conditions.html">Terms & Conditions</a></li>
										<li><a href="privacy-policy.html">Privacy Policy</a></li>
									</ul>
								</li>
								<li class="menu-item-has-children"><a href="#">Blog</a>
									<ul class="sub-menu">
										<li><a href="blog.html">Blog</a></li>
										<li><a href="blog-standard.html">Blog Standard</a></li>
										<li><a href="blog-3-columns.html">Blog Three Columns</a></li>
										<li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
										<li><a href="single.html">Blog Details</a></li>
									</ul>
								</li>
								<li><a href="contact.html">Contact Us</a></li>
							</ul>
	                    </nav>
	                </div>

				</div>
			</div>
		</div>
	</header>
	<div class="mobile-menu-area">
	    <!--offcanvas menu area start-->
	    <div class="off_canvars_overlay">
	                
	    </div>
	    <div class="offcanvas_menu">
	        <div class="offcanvas_menu_wrapper">
	            <div class="canvas_close">
	                <a href="javascript:void(0)"><i class="bi bi-x-lg"></i></a>  
	            </div>
	            <div class="mobile-logo">
	                <a href="">
	                    <img src="static/picture/logo.png" alt="Logo">
	                </a>
	            </div>
	            <div id="menu" class="text-left ">
	                <ul class="offcanvas_main_menu">
	                    <li class="menu-item-has-children"><a href="">Home</a>
							<ul class="sub-menu">
								<li><a href="">Home 01</a></li>
								<li><a href="index2.html">Home 02</a></li>
								<li><a href="index3.html">Home 03</a></li>
								<li><a href="index4.html">Home 04</a></li>
								<li><a href="index5.html">Home 05</a></li>
								<li><a href="index1-dark.html">Home 01 Dark</a></li>
								<li><a href="index2-dark.html">Home 02 Dark</a></li>
								<li><a href="index3-dark.html">Home 03 Dark</a></li>
								<li><a href="index4-dark.html">Home 04 Dark</a></li>
								<li><a href="index5-dark.html">Home 05 Dark</a></li>
							</ul>
						</li>
						<li><a href="about.html">About Us</a></li>
						<li class="menu-item-has-children"><a href="services.html">Services</a>
							<ul class="sub-menu">
								<li><a href="services.html">Services</a></li>
								<li><a href="services-details.html">Services Details</a></li>
							</ul>
						</li>
						<li class="menu-item-has-children"><a href="portfolio.html">Portfolio</a>
							<ul class="sub-menu">
								<li><a href="portfolio.html">Portfolio</a></li>
								<li><a href="portfolio-2-columns.html">Portfolio 2 Columns</a></li>
								<li><a href="portfolio-details.html">Portfolio Details</a></li>
							</ul>
						</li>
						<li class="menu-item-has-children"><a href="#">Page</a>
							<ul class="sub-menu">
								<li><a href="team.html">Team</a></li>
								<li><a href="pricing-plan.html">Pricing & Plans</a></li>
								<li><a href="pricing-plan2.html">Pricing & Plans 2</a></li>
								<li><a href="testimonial.html">Testimonials</a></li>
								<li><a href="faq.html">Faq</a></li>
								<li><a href="404.html">404 Error</a></li>
								<li><a href="terms-conditions.html">Terms & Conditions</a></li>
								<li><a href="privacy-policy.html">Privacy Policy</a></li>
							</ul>
						</li>
						<li class="menu-item-has-children"><a href="blog.html">Blog</a>
							<ul class="sub-menu">
								<li><a href="blog.html">Blog</a></li>
								<li><a href="blog-standard.html">Blog Standard</a></li>
								<li><a href="blog-3-columns.html">Blog Three Columns</a></li>
								<li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
								<li><a href="single.html">Blog Details</a></li>
							</ul>
						</li>
						<li><a href="contact.html">Contact Us</a></li>
	                </ul>
	            </div>
	        </div>
	    </div>
	</div>
	<!-- End Header Section -->


	
	<!-- Start Hero Section -->
	<section class="ct-hero-section" style="background-image: url('static/image/hero-bg.jpg');">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 align-self-center">
                    <div class="content">
                        <h4>EMPOWER YOUR BUSINESS</h4>
                        <h2>Excellent IT Services For Your Success</h2>
                        <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
                        <div class="h-button vedio">
                            <a class="button-1" href="#">Our Services</a>
                            <div class="video-btn">
                                <a class="video-p-btn" href="#"><i class="fas fa-play"></i></a>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="col-lg-6 align-self-center">
                    <div class="image" data-tilt="" data-tilt-scale="1.05">
                        <img src="static/picture/rimg01.webp" alt="hero image">
                    </div>
                </div>
            </div>
        </div>
    </section>
	<!-- End Hero Section -->

	<!-- Start Services Section -->
	<section class="section-padding-2">
		<div class="container">
			<div class="row">
				<div class="col-lg-6 offset-lg-3 col-md-10 offset-md-1 mb-30">
					<div class="ct-section-title text-center">
						<h4 class="wow fadeInUp animated" data-wow-delay=".2s">OUR SERVICES</h4>
						<h2 class="wow fadeInUp animated" data-wow-delay=".4s">Our IT Solutions & Services for <span>Your Business</span></h2>
					</div>
				</div>
			</div>
			<div class="row" data-cues="slideInUp">
				<!-- Single -->
				<div class="col-lg-4 col-sm-6 mb-30">
					<div class="services-card-item">
					   	<div class="icon">
					      	<div class="im hover">
					         	<img src="static/picture/icon1.png" alt="Web Development">
					         	<img class="img-hover" src="static/picture/icon1-w.png" alt="Web Development">
					      	</div>
					   	</div>
					   	<div class="content">
					      	<h2>Web Development</h2>
					      	<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque repellendus minima reiciendis nobis dolore obcaecati.</p>
					      	<a href="services-details.html">Read More <i class="bi bi-arrow-right"></i></a>
					   	</div>
					</div>
				</div>
				<!-- Single -->
				<div class="col-lg-4 col-sm-6 mb-30">
					<div class="services-card-item">
					   	<div class="icon">
					      	<div class="im hover">
					         	<img src="static/picture/icon2.png" alt="Web Development">
					         	<img class="img-hover" src="static/picture/icon2-w.png" alt="Web Development">
					      	</div>
					   	</div>
					   	<div class="content">
					      	<h2>Cyber Security</h2>
					      	<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque repellendus minima reiciendis nobis dolore obcaecati.</p>
					      	<a href="services-details.html">Read More <i class="bi bi-arrow-right"></i></a>
					   	</div>
					</div>
				</div>
				<!-- Single -->
				<div class="col-lg-4 col-sm-6 mb-30">
					<div class="services-card-item">
					   	<div class="icon">
					      	<div class="im hover">
					         	<img src="static/picture/icon3.png" alt="Web Development">
					         	<img class="img-hover" src="static/picture/icon3-w.png" alt="Web Development">
					      	</div>
					   	</div>
					   	<div class="content">
					      	<h2>Data Analysis</h2>
					      	<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque repellendus minima reiciendis nobis dolore obcaecati.</p>
					      	<a href="services-details.html">Read More <i class="bi bi-arrow-right"></i></a>
					   	</div>
					</div>
				</div>
				<!-- Single -->
				<div class="col-lg-4 col-sm-6 mb-30">
					<div class="services-card-item">
					   	<div class="icon">
					      	<div class="im hover">
					         	<img src="static/picture/icon4.png" alt="Web Development">
					         	<img class="img-hover" src="static/picture/icon4-w.png" alt="Web Development">
					      	</div>
					   	</div>
					   	<div class="content">
					      	<h2>UI/UX Designing</h2>
					      	<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque repellendus minima reiciendis nobis dolore obcaecati.</p>
					      	<a href="services-details.html">Read More <i class="bi bi-arrow-right"></i></a>
					   	</div>
					</div>
				</div>
				<!-- Single -->
				<div class="col-lg-4 col-sm-6 mb-30">
					<div class="services-card-item">
					   	<div class="icon">
					      	<div class="im hover">
					         	<img src="static/picture/icon5.png" alt="Web Development">
					         	<img class="img-hover" src="static/picture/icon5-w.png" alt="Web Development">
					      	</div>
					   	</div>
					   	<div class="content">
					      	<h2>SEO Optimization</h2>
					      	<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque repellendus minima reiciendis nobis dolore obcaecati.</p>
					      	<a href="services-details.html">Read More <i class="bi bi-arrow-right"></i></a>
					   	</div>
					</div>
				</div>
				<!-- Single -->
				<div class="col-lg-4 col-sm-6 mb-30">
					<div class="services-card-item">
					   	<div class="icon">
					      	<div class="im hover">
					         	<img src="static/picture/icon6.png" alt="Web Development">
					         	<img class="img-hover" src="static/picture/icon6-w.png" alt="Web Development">
					      	</div>
					   	</div>
					   	<div class="content">
					      	<h2>Digital Marketing</h2>
					      	<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque repellendus minima reiciendis nobis dolore obcaecati.</p>
					      	<a href="services-details.html">Read More <i class="bi bi-arrow-right"></i></a>
					   	</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- End Services Section -->


	<!-- Start About Us Section -->
	<div class="ct-about-us-section section-padding-2 section-bg counter-bottom-padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 mb-30 align-self-center">
                    <div class="about-img" data-tilt="" data-tilt-scale="1.05">
                        <img src="static/picture/about.webp" alt="about image">
                    </div>
                </div>
                <div class="col-lg-6 mb-30 align-self-center">
                    <div class="content">
                        <div class="ct-section-title text-left">
                            <h4>ABOUS US</h4>
                            <h2>Best IT Solution For Your Business Theme</h2>
                        </div>
                        <p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                        <div class="row" data-cues="slideInUp">
                            <div class="col-sm-6 mb-30">
                                <div class="ab-info">
                                    
                                    <div class="icon">
                                        <i class="fa-regular fa-map-location-dot"></i>
                                    </div>
                                    
                                    <div class="info">
                                        <h4>Worldwide Services</h4>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-6 mb-30">
                                <div class="ab-info">
                                    <div class="icon">
                                        <i class="fa-sharp fa-regular fa-headset"></i>
                                    </div>
                                    <div class="info">
                                        <h4>24/7 Support</h4>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="about-btn" data-cues="slideInUp">
                                <a href="about.html" class="button-1">Learn More <i class="fa-regular fa-arrow-right"></i></a>
                            </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
	<!-- End About Us Section -->

	<!-- Couter Section -->
	<div class="ct-counter-section">
        <div class="container">
            <div class="ct-cs-full">
                <div class="row">
                    <div class="col-lg-3 col-sm-6 mp-0">
                        <div class="counter-item" data-tilt="">
                            <div>
                                <div class="icon">
                                    <img src="static/picture/counter-1.png" alt="Image">
                                </div>
                            </div>
                            <div class="content">
                                <h2>
                                    <span class="counter">50</span>
                                    <small>+</small>
                                </h2>
                                <p>Happy Clients</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6 mp-0">
                        <div class="counter-item" data-tilt="">
                            <div>
                                <div class="icon">
                                    <img src="static/picture/counter-2.png" alt="Image">
                                </div>
                            </div>
                            <div class="content">
                                <h2>
                                    <span class="counter">36</span>
                                    <small>+</small>
                                </h2>
                                <p>Finished projects</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6 mp-0">
                        <div class="counter-item" data-tilt="">
                            <div>
                                <div class="icon">
                                    <img src="static/picture/counter-3.png" alt="Image">
                                </div>
                            </div>
                            <div class="content">
                                <h2>
                                    <span class="counter">21</span>
                                    <small>+</small>
                                </h2>
                                <p>Skilled Experts</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6 mp-0">
                        <div class="counter-item" data-tilt="">
                            <div>
                                <div class="icon">
                                    <img src="static/picture/counter-1.png" alt="Image">
                                </div>
                            </div>
                            <div class="content">
                                <h2>
                                    <span class="counter">201</span>
                                    <small>+</small>
                                </h2>
                                <p>Media Posts</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
	<!-- Couter Section -->

	<!-- Start Why Choose Us Section -->
	<div class="ct-why-choose-us-section section-padding-2">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 mb-30 align-self-center">
                    <div class="about-img" data-tilt="" data-tilt-scale="1.05">
                        <img src="static/picture/hero-img-1.png" alt="image">
                    </div>
                </div>
                <div class="col-lg-6 mb-30 align-self-center">
                    <div class="content pl-20-992">
                        <div class="ct-section-title text-left">
                            <h4>Why Choose Us</h4>
                            <h2>We Create Result-Oriented Dynamic Applications</h2>
                        </div>
                        <p class="text">Over 25 years working in IT services developing software applications and mobile apps for clients all over the world.</p>
                        <div class="why-lists" data-cues="slideInUp">
                            
                            <div class="ab-info">
                                <div>
                                    <div class="icon">
                                        <img src="static/picture/browser.png" alt="icon">
                                    </div>
                                </div>
                                <div class="info">
                                    <h4>First Growing Process</h4>
                                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit.</p>
                                </div>
                            </div>
                            <div class="ab-info">
                                <div>
                                    <div class="icon">
                                        <img src="static/picture/web-browser.png" alt="icon">
                                    </div>
                                </div>
                                <div class="info">
                                    <h4>Clean code</h4>
                                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit.</p>
                                </div>
                            </div>
                            <div class="ab-info">
                                <div>
                                    <div class="icon">
                                        <img src="static/picture/file.png" alt="icon">
                                    </div>
                                </div>
                                <div class="info">
                                    <h4>Well Documentation</h4>
                                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit.</p>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
	<!-- End Why Choose Us Section -->

	<!-- Start Skill Section -->
	<div class="ct-why-choose-us-section section-padding-2 skts section-bg">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 mb-30 align-self-center">
                    <div class="about-img" data-tilt="" data-tilt-scale="1.05">
                        <img src="static/picture/about-2.png" alt="about image">
                    </div>
                </div>
                <div class="col-lg-6 mb-30 align-self-center order-first">
                    <div class="content">
                        <div class="ct-section-title text-left">
                            <h4>SKILLSETS</h4>
                            <h2>We Have the Hottest Skills to Hire For in 2024</h2>
                        </div>
                        <p class="text">Over 25 years working in IT services developing software applications and mobile apps for clients all over the world.</p>
                        
                        <div class="skill-list">
                            <div class="single-skill-item">
                                <p>Cyber Security <b>95%</b></p>
                                <div class="progress" role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="95">
                                    <div class="progress-bar progress-bar-striped bg-danger wow" style="width: 95%;background-color: rgb(21, 38, 255) !important;"></div>
                                </div>
                            </div>
                            <div class="single-skill-item">
                                <p>Software Development <b>85%</b></p>
                                <div class="progress" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="85">
                                    <div class="progress-bar progress-bar-striped bg-danger wow" style="width: 85%;"></div>
                                </div>
                            </div>
                            <div class="single-skill-item">
                                <p>Artificial Intelligence <b>80%</b></p>
                                <div class="progress" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="80">
                                    <div class="progress-bar progress-bar-striped bg-danger wow" style="width: 80%;background-color: rgb(255, 176, 0) !important;"></div>
                                </div>
                            </div>
                        </div>

                        <div class="about-btn mt-35" data-cues="slideInUp">
                            <a href="contact.html" class="button-1">Contact Us <i class="fa-regular fa-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
	<!-- End Skill Section -->

	<!-- Start Portfolio Section  -->
	<div class="portfolio-cate-section section-padding-2">
        <div class="container">
            
            <div class="row">
                <div class="col-lg-6 mb-30 align-self-center">
                    <div class="ct-section-title text-left">
                        <h4 class="wow fadeInUp" data-wow-delay=".2s">SELECTED PROJECTS</h4>
                        <h2 class="wow fadeInUp" data-wow-delay=".4s">Digital Case <span>Studies.</span></h2>
                    </div>
                </div>
                <div class="col-lg-6 align-self-center">
                    <div class="portfolio-cate-list-full mb-40 text-right">
                        <ul>
                            <li data-filter="all">All</li>
                            <li data-filter=".cloud">Cloud</li>
                            <li data-filter=".data">Data Analaysis</li>
                            <li data-filter=".mobile">Mobile Apps</li>
                            <li data-filter=".technology">Technology</li>
                        </ul>
                    </div>
                </div>
            </div>
            
            <div class="row p-projects-full portF">
            	<!-- Single -->
                <div class="col-lg-4 col-md-6 col-12 mb-30 mix data">
                    <div class="portfolio-item-single" data-cues="slideInUp">
                        <div class="thumbnail">
                            <img src="static/picture/p-1.png" alt="portfolio">
                        </div>
                        <div class="zoom-icon">
                            <a class="image-popup" data-gallery="portfolio1" href="static/picture/p-1.png"><i class="fa-solid fa-plus"></i></a>
                        </div>
                        <div class="content">
                            <h2><a href="portfolio-details.html">Effective Solutions</a></h2>
                            <strong>Data Analaysis</strong>
                        </div>
                    </div>
                </div>
            	<!-- Single -->
                <div class="col-lg-4 col-md-6 col-12 mb-30 mix cloud mobile">
                    <div class="portfolio-item-single" data-cues="slideInUp">
                        <div class="thumbnail">
                            <img src="static/picture/p-2.png" alt="portfolio">
                        </div>
                        <div class="zoom-icon">
                            <a class="image-popup" data-gallery="portfolio1" href="static/picture/p-2.png"><i class="fa-solid fa-plus"></i></a>
                        </div>
                        <div class="content">
                            <h2><a href="portfolio-details.html">Effective Solutions</a></h2>
                            <strong>Data Analaysis</strong>
                        </div>
                    </div>
                </div>
            	<!-- Single -->
                <div class="col-lg-4 col-md-6 col-12 mb-30 mix technology">
                    <div class="portfolio-item-single" data-cues="slideInUp">
                        <div class="thumbnail">
                            <img src="static/image/p-3.png" alt="portfolio">
                        </div>
                        <div class="zoom-icon">
                            <a class="image-popup" data-gallery="portfolio1" href="static/file/p-3.png"><i class="fa-solid fa-plus"></i></a>
                        </div>
                        <div class="content">
                            <h2><a href="portfolio-details.html">Effective Solutions</a></h2>
                            <strong>Data Analaysis</strong>
                        </div>
                    </div>
                </div>
            	<!-- Single -->
                <div class="col-lg-4 col-md-6 col-12 mb-30 mix mobile">
                    <div class="portfolio-item-single" data-cues="slideInUp">
                        <div class="thumbnail">
                            <img src="static/picture/p-4.png" alt="portfolio">
                        </div>
                        <div class="zoom-icon">
                            <a class="image-popup" data-gallery="portfolio1" href="static/picture/p-4.png"><i class="fa-solid fa-plus"></i></a>
                        </div>
                        <div class="content">
                            <h2><a href="portfolio-details.html">Effective Solutions</a></h2>
                            <strong>Data Analaysis</strong>
                        </div>
                    </div>
                </div>
            	<!-- Single -->
                <div class="col-lg-4 col-md-6 col-12 mb-30 mix cloud">
                    <div class="portfolio-item-single" data-cues="slideInUp">
                        <div class="thumbnail">
                            <img src="static/picture/p-5.png" alt="portfolio">
                        </div>
                        <div class="zoom-icon">
                            <a class="image-popup" data-gallery="portfolio1" href="static/picture/p-5.png"><i class="fa-solid fa-plus"></i></a>
                        </div>
                        <div class="content">
                            <h2><a href="portfolio-details.html">Effective Solutions</a></h2>
                            <strong>Data Analaysis</strong>
                        </div>
                    </div>
                </div>
            	<!-- Single -->
                <div class="col-lg-4 col-md-6 col-12 mb-30 mix data">
                    <div class="portfolio-item-single" data-cues="slideInUp">
                        <div class="thumbnail">
                            <img src="static/picture/p-6.png" alt="portfolio">
                        </div>
                        <div class="zoom-icon">
                            <a class="image-popup" data-gallery="portfolio1" href="static/picture/p-6.png"><i class="fa-solid fa-plus"></i></a>
                        </div>
                        <div class="content">
                            <h2><a href="portfolio-details.html">Effective Solutions</a></h2>
                            <strong>Data Analaysis</strong>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
	<!-- End Portfolio Section  -->

	<!-- Start Banner Section -->
	<section class="banner-section-1" style="background-image: url('static/image/banner.jpg')">
        <div class="container">
           <div class="row">
              <div class="col-lg-8 offset-lg-2">
                 <div class="content text-center">
                    <div class="ct-section-title text-center">
                        <h4 class="wow fadeInUp" data-wow-delay=".2s">We are IT service Agency</h4>
                        <h2 class="wow fadeInUp" data-wow-delay=".4s">We Provide Exclusive Digital Service</h2>
                    </div>
                    <a class="button-1 wow fadeInUp" data-wow-delay=".4s" href="#">Explore Now <i class="fa-regular fa-arrow-right-long"></i></a>
                 </div>
              </div>
           </div>
        </div>
    </section>
	<!-- End Banner Section -->

	<!-- Start Team Member -->
	<section class="section-padding-2">
		<div class="container">
			<div class="row">
				<div class="col-lg-6 offset-lg-3 col-md-10 offset-md-1 mb-30">
					<div class="ct-section-title text-center">
						<h4 class="wow fadeInUp animated" data-wow-delay=".2s">Meet the Expert People</h4>
						<h2 class="wow fadeInUp animated" data-wow-delay=".4s">Our Professional Expert <span>Team Members</span></h2>
					</div>
				</div>
			</div>
			<div class="row" data-cues="slideInUp">
				<div class="col-lg-3 col-sm-6 mb-30">
					<div class="team-card-single">
                        <div class="thumb">
                        	<img src="static/picture/team8.png" alt="image">
                        	<div class="social">
                        		<span><a href="#"><i class="fa-brands fa-facebook-f"></i></a></span>
                        		<span><a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg></a></span>
                        		<span><a href="#"><i class="fa-brands fa-instagram"></i></a></span>
                        		<span><a href="#"><i class="fa-brands fa-linkedin"></i></a></span>
                        	</div>
                        </div>
                        <div class="content">
                            <p>Founder-CO</p><br>
                           	<h4>Leslie Alexander</h4>
                        </div>
                    </div>
				</div>
				<div class="col-lg-3 col-sm-6 mb-30">
					<div class="team-card-single">
                        <div class="thumb">
                        	<img src="static/picture/team7.jpg" alt="image">
                        	<div class="social">
                        		<span><a href="#"><i class="fa-brands fa-facebook-f"></i></a></span>
                        		<span><a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg></a></span>
                        		<span><a href="#"><i class="fa-brands fa-instagram"></i></a></span>
                        		<span><a href="#"><i class="fa-brands fa-linkedin"></i></a></span>
                        	</div>
                        </div>
                        <div class="content">
                            <p>Product Designer</p><br>
                           	<h4>Emma Davis</h4>
                        </div>
                    </div>
				</div>
				<div class="col-lg-3 col-sm-6 mb-30">
					<div class="team-card-single">
                        <div class="thumb">
                        	<img src="static/picture/team6.jpg" alt="image">
                        	<div class="social">
                        		<span><a href="#"><i class="fa-brands fa-facebook-f"></i></a></span>
                        		<span><a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg></a></span>
                        		<span><a href="#"><i class="fa-brands fa-instagram"></i></a></span>
                        		<span><a href="#"><i class="fa-brands fa-linkedin"></i></a></span>
                        	</div>
                        </div>
                        <div class="content">
                            <p>Solution Developer</p><br>
                           	<h4>Maurice Craig</h4>
                        </div>
                    </div>
				</div>
				<div class="col-lg-3 col-sm-6 mb-30">
					<div class="team-card-single">
                        <div class="thumb">
                        	<img src="static/picture/team5.jpg" alt="image">
                        	<div class="social">
                        		<span><a href="#"><i class="fa-brands fa-facebook-f"></i></a></span>
                        		<span><a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg></a></span>
                        		<span><a href="#"><i class="fa-brands fa-instagram"></i></a></span>
                        		<span><a href="#"><i class="fa-brands fa-linkedin"></i></a></span>
                        	</div>
                        </div>
                        <div class="content">
                            <p>Designer</p><br>
                           	<h4>Pulak Nondi</h4>
                        </div>
                    </div>
				</div>
			</div>
		</div>
	</section>
	<!-- End Team Member -->


	<!-- Start Testimonial Area -->
	<section class="section-padding section-bg">
		<div class="container">
			<div class="row">
				<div class="col-lg-6 offset-lg-3 col-md-10 offset-md-1 mb-30">
					<div class="ct-section-title text-center">
						<h4 class="wow fadeInUp animated" data-wow-delay=".2s">Success Stories</h4>
						<h2 class="wow fadeInUp animated" data-wow-delay=".4s">What Our Clients Say</h2>
					</div>
				</div>
			</div>
			
		</div>

		<div class="testimonial-auto-slider-sec">
            <div class="top-slider-tes swiper-container">
                <div class="swiper-wrapper">
                	<!-- Single -->
                    <div class="swiper-slide">
                        <div class="testimonial-card">
                            <div class="rating-a">
                                <div class="quote">
                                   <i class="fa-sharp fa-light fa-ditto"></i>
                                </div>
                                <div class="rating">
                                    <i class="fa-sharp fa-solid fa-star"></i>
                                    <i class="fa-sharp fa-solid fa-star"></i>
                                    <i class="fa-sharp fa-solid fa-star"></i>
                                    <i class="fa-sharp fa-solid fa-star"></i>
                                    <i class="fa-sharp fa-solid fa-star"></i>
                                    <!-- <i class="fa-regular fa-star"></i> -->
                                </div>
                            </div>
                            <div class="content">
                                <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
                            </div>
                            <div class="t-btm">
                                <div class="thum">
                                   <img src="static/picture/01.jpg" alt="icon">
                                </div>
                                <div class="r-name">
                                   	<h4>Jackson Perry</h4>
                                    <span>Creative Designer</span> 
                                </div>
                            </div>
                        </div>
                    </div>
                	<!-- Single -->
                    <div class="swiper-slide">
                        <div class="testimonial-card">
                            <div class="rating-a">
                                <div class="quote">
                                   <i class="fa-sharp fa-light fa-ditto"></i>
                                </div>
                                <div class="rating">
                                    <i class="fa-sharp fa-solid fa-star"></i>
                                    <i class="fa-sharp fa-solid fa-star"></i>
                                    <i class="fa-sharp fa-solid fa-star"></i>
                                    <i class="fa-sharp fa-solid fa-star"></i>
                                    <i class="fa-sharp fa-solid fa-star"></i>
                                    <!-- <i class="fa-regular fa-star"></i> -->
                                </div>
                            </div>
                            <div class="content">
                                <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
                            </div>
                            <div class="t-btm">
                                <div class="thum">
                                   <img src="static/picture/02.jpg" alt="icon">
                                </div>
                                <div class="r-name">
                                   	<h4>Joan Wallace</h4>
                                    <span>Architecture</span> 
                                </div>
                            </div>
                        </div>
                    </div>
                	<!-- Single -->
                    <div class="swiper-slide">
                        <div class="testimonial-card">
                            <div class="rating-a">
                                <div class="quote">
                                   <i class="fa-sharp fa-light fa-ditto"></i>
                                </div>
                                <div class="rating">
                                    <i class="fa-sharp fa-solid fa-star"></i>
                                    <i class="fa-sharp fa-solid fa-star"></i>
                                    <i class="fa-sharp fa-solid fa-star"></i>
                                    <i class="fa-sharp fa-solid fa-star"></i>
                                    <i class="fa-sharp fa-solid fa-star"></i>
                                    <!-- <i class="fa-regular fa-star"></i> -->
                                </div>
                            </div>
                            <div class="content">
                                <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
                            </div>
                            <div class="t-btm">
                                <div class="thum">
                                   <img src="static/picture/authour-1.jpeg" alt="icon">
                                </div>
                                <div class="r-name">
                                   	<h4>Amelia Kelly</h4>
                                    <span>CEO OF KARON</span> 
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Single -->
                    <div class="swiper-slide">
                        <div class="testimonial-card">
                            <div class="rating-a">
                                <div class="quote">
                                   <i class="fa-sharp fa-light fa-ditto"></i>
                                </div>
                                <div class="rating">
                                    <i class="fa-sharp fa-solid fa-star"></i>
                                    <i class="fa-sharp fa-solid fa-star"></i>
                                    <i class="fa-sharp fa-solid fa-star"></i>
                                    <i class="fa-sharp fa-solid fa-star"></i>
                                    <i class="fa-sharp fa-solid fa-star"></i>
                                    <!-- <i class="fa-regular fa-star"></i> -->
                                </div>
                            </div>
                            <div class="content">
                                <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
                            </div>
                            <div class="t-btm">
                                <div class="thum">
                                   <img src="static/picture/01.jpg" alt="icon">
                                </div>
                                <div class="r-name">
                                   	<h4>Adrian Parody</h4>
                                    <span>Creative Designer</span> 
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
        </div>
	</section>
	<!-- End Testimonial Area -->

	<!-- Start Banner Section -->
	<div class="sec-pt-100">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<div class="home-banner2-sec" style="background-image: url('static/image/banner2.jpg')">
			            <div class="row">
			                <div class="col-md-8 col-lg-6">
			                    <h2 class="wow fadeInUp animated" data-wow-delay=".2s">Preparing For Your Business Success</h2>
			                </div>
			                <div class="col-md-4 col-lg-6 text-center align-self-center">
			                    <a href="#" class="button-1 wow fadeInRight animated" data-wow-delay=".4s">Get Started <i class="bi bi-arrow-right"></i></a>
			                </div>
			            </div>
			        </div>
				</div>
			</div>
		</div>
	</div>
	<!-- End Banner Section -->
	<!-- Start Blog Section -->
	<section class="section-padding-2">
		<div class="container">
			<div class="row">
				<div class="col-lg-6 offset-lg-3 col-md-10 offset-md-1 mb-30">
					<div class="ct-section-title text-center">
						<h4 class="wow fadeInUp animated" data-wow-delay=".2s">Latest Blog</h4>
						<h2 class="wow fadeInUp animated" data-wow-delay=".4s">Latest News & Updates</h2>
					</div>
				</div>
			</div>
			<div class="row" data-cues="slideInUp">
				<!-- Single -->
				<div class="col-lg-4 col-md-6 mb-30">
					<div class="blog-single-item">
                        <div class="thumbnail">
                            <a href="single.html">
                                <img src="static/picture/blog1.jpg" alt="blog">
                            </a>
                        </div>
                        <div class="content">
                            <div class="date">
                                <i class="fa-light fa-calendar-days"></i> <span>14 Aug 2024</span>
                            </div>
                            <div class="title">
                                <h3><a href="single.html">How To Build The Ultimate Tech Stack For Growth</a></h3>
                            </div>
                            <div class="user-s">
                                <ul>
                                    <li><i class="fa-light fa-user"></i> <span>Admin</span></li>
                                    <li><i class="fa-light fa-comment"></i> <span>02 Comments</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
				</div>
				<!-- Single -->
				<div class="col-lg-4 col-md-6 mb-30">
					<div class="blog-single-item">
                        <div class="thumbnail">
                            <a href="single.html">
                                <img src="static/picture/blog3.jpg" alt="blog">
                            </a>
                        </div>
                        <div class="content">
                            <div class="date">
                                <i class="fa-light fa-calendar-days"></i> <span>14 Aug 2024</span>
                            </div>
                            <div class="title">
                                <h3><a href="single.html">How To Build And Automate A Referral Program</a></h3>
                            </div>
                            <div class="user-s">
                                <ul>
                                    <li><i class="fa-light fa-user"></i> <span>Admin</span></li>
                                    <li><i class="fa-light fa-comment"></i> <span>02 Comments</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
				</div>
				<!-- Single -->
				<div class="col-lg-4 col-md-6 mb-30">
					<div class="blog-single-item">
                        <div class="thumbnail">
                            <a href="single.html">
                                <img src="static/picture/blog6.jpg" alt="blog">
                            </a>
                        </div>
                        <div class="content">
                            <div class="date">
                                <i class="fa-light fa-calendar-days"></i> <span>14 Aug 2024</span>
                            </div>
                            <div class="title">
                                <h3><a href="single.html">Data Analysis and the Big Impact on Industry</a></h3>
                            </div>
                            <div class="user-s">
                                <ul>
                                    <li><i class="fa-light fa-user"></i> <span>Admin</span></li>
                                    <li><i class="fa-light fa-comment"></i> <span>02 Comments</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
				</div>
			</div>
		</div>
	</section>
	<!-- End Blog Section -->

	<!-- Footer Start -->
	<footer class="site-footer">
		<div class="footer-bg-dot" style="background-image: url('static/image/dot-a-white.png')"></div>
		<div class="footer-top">
			<div class="container">
				<div class="row">
					<!-- Singel Item -->
					<div class="col-lg-3 col-sm-6 mb-30">
						<div class="footer-widgets-item">
							<div class="f-logo">
								<a href="">
									<img src="static/picture/white-logo.png" alt="Logo">
								</a>
							</div>
							<p class="content">Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse sit commodi adipisci, asperiores illum excepturi quidem fuga aliquam fugit laudantium!</p>
							<div class="footer-social">
								<div class="footer-social">
									<span><a href="#"><i class="fa-brands fa-facebook-f"></i></a></span>
									<span><a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg></a></span>
									<span><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></span>					
								</div>
							
							</div>
						</div>
					</div>
					<!-- Singel Item -->
					<div class="col-lg-3 col-sm-6 col-6 mb-30">
						<div class="footer-widgets-item">
							<h2>Company</h2>
							<ul class="menu">
								<li><a href="#">Company Profile</a></li>
								<li><a href="#">Help Center</a></li>
								<li><a href="#">Services</a></li>
								<li><a href="#">Team Members</a></li>
								<li><a href="#">Contact Us</a></li>
							</ul>
						</div>
					</div>
					<!-- Singel Item -->
					<div class="col-lg-3 col-sm-6 col-6 mb-30">
						<div class="footer-widgets-item">
							<h2>Community</h2>
							<ul class="menu">
								<li><a href="#">Career</a></li>
								<li><a href="#">Leadership</a></li>
								<li><a href="#">Press & Media</a></li>
								<li><a href="#">Projects</a></li>
								<li><a href="#">Marketing Services</a></li>
								<li><a href="#">Challenge Of Project</a></li>
							</ul>
						</div>
					</div>
					<!-- Singel Item -->
					<div class="col-lg-3 col-sm-6 mb-30">
						<div class="footer-widgets-item">
							<h2>Contact Info</h2>
							<ul class="contact-info">
								<li>
									<div class="icon">
										<i class="fa-sharp fa-regular fa-house"></i>
									</div>
									<div class="content">
										<h4>Address:</h4>
										<p>5919 Trussville Crossings Pkwy, Birmingham</p>
									</div>
								</li>
								<li>
									<div class="icon">
										<i class="fa-sharp fa-regular fa-envelope"></i>
									</div>
									<div class="content">
										<h4>Email:</h4>
										<p>support@gmail.com</p>
									</div>
								</li>
								<li>
									<div class="icon">
										<i class="fa-regular fa-phone-flip"></i>
									</div>
									<div class="content">
										<h4>Phone:</h4>
										<p>+456 123 4455</p>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- Footer Bottom -->
		<div class="footer-bottom pt-30 pb-30">
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<div class="copy-text">
							<p>Copyright &copy; 2024.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
						</div>
					</div>
				</div>
			</div>
		</div>

	</footer>
	<!-- Footer End -->
	
	<div class="scroll-area">
	   <i class="fa-regular fa-arrow-up"></i>
	</div>

    <!-- Js File -->
    <script src="static/js/modernizr.min.js"></script>
    <script src="static/js/jquery-3.6.3.min.js"></script>
    <script src="static/js/popper.min.js"></script>
    <script src="static/js/bootstrap.min.js"></script>
    <script src="static/js/mixitup.min.js"></script>
    <script src="static/js/glightbox.min.js"></script>
    <script src="static/js/jquery.waypoints.min.js"></script>
    <script src="static/js/jquery.counterup.min.js"></script>
    <script src="static/js/vanilla-tilt.min.js"></script>
    <script src="static/js/swiper-bundle.js"></script>
    <script src="static/js/scrollCue.min.js"></script>
    <script src="static/js/wow.js"></script>
    <script src="static/js/mobile-menu.js"></script>
    <script src="static/js/main.js"></script>
</body>
</html>